    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <style>
        fieldset{
            min-width: 600px;
            max-width: 1000px;
            width: 100%;
        }
        input{
            width:60%;
            height: 37px;
        }
        label{
            font:26px/37px "Microsoft YaHei" ;
        }
        meter,progress{
            width: 70%;
        }
    </style>
    <body>
<!--    <form action=""> novalidate添加这个表单就不需要验证-->
<form action="">
        <fieldset>
            <legend>表单一般属性</legend>
            <label for="">
                一般text: <input type="text" name="text" autofocus autocomplete="on" placeholder="吴劲松" >
            </label>
            <br>
            <label for="">
                email: <input type="email" name="email">
            </label><br>
            <label for="">
                一般url: <input type="url" name="url">
            </label><br>
            <label for="">
                一般number: <input type="number" name="number" step="3" pattern="1\d{10}">
            </label><br>
            <label for="">
                一般search: <input type="search" name="search">
            </label><br>
            <label for="">
                一般range: <input type="range" name="range" value="70" max="100" min="0">
            </label><br>
            <label for="">
                一般color: <input type="color" name="color">
            </label><br>
            <label for="">
                一般date: <input type="date" name="date">
            </label><br>
            <label for="">
                一般month: <input type="month" name="month">
            </label><br>
            <label for="">
                一般week: <input type="week" name="week">
            </label><br>
            <label for="">
                一般time: <input type="time" name="time">
            </label><br>
            <label for="">
<!-- 一般time: <input type="file" name="file">添加mutiple可以选择多个文件-->
                <input type="file" name="file" multiple>k
            </label><br>
            <label for="">
                性别: <input  LIST="DATA"/>


            </label><br>
            <datalist id="DATA">
                <option value="男"></option>
                <option value="女"></option>
                <option value="LGBT"></option>
            </datalist>
            <label for="">
                度量器：<meter value="40" high="50" min="30" max="100">

            </meter>
            </label><br>
            <label for="">
                进度条：<progress value="90" high="50" min="30" max="100">

            </progress>
            </label><br>
            <label for="">
                autocomplete：<input type="text"  name="text" autocomplete="on"/>

                </progress>
            </label><br>
            加密：<keygen name="security" />
            宣言：<output style="font: 26px/34px 'Microsoft YaHei UI'">我终究胜利</output><br>
            <input type="submit" value="提交" name="submit" style="margin-top: 20px">


        </fieldset>
    </form>

    </body>
    </html>